<template>
  <div class="loginWrap">
    <h3>登录</h3>
    <input type="text" placeholder="账号" />
    <br />
    <input type="text" placeholder="密码" />
    <br />
    <button @click="change">登录</button>
  </div>
</template>

<script>
export default {
  methods: {
    change() {
      this.$router.push("/");
    },
  },
};
</script>

<style lang='scss'>
.loginWrap {
  text-align: center;
  width: 350px;
  height: 400px;
  border: 3px solid rgb(118, 250, 114);
  border-radius: 30px;
  margin: 100px auto;
  h3{
    margin: 30px;
    color: green;
  }
  input {
    margin-top: 20px;
    height: 30px;
    width: 200px;
  }
  button {
    margin-top: 25px;
    height: 30px;
    width: 60px;
  }
}
</style>